//楼栋界面的js
//JavaScript代码区域
layui.use(['element', 'form', 'jquery', 'layer', 'table', 'upload','laydate'], function () {
    var element = layui.element;
    var form = layui.form;
    var $ = layui.jquery;
    var table = layui.table;
    var layer = layui.layer;
    var upload = layui.upload;
    var laydate = layui.laydate;


    var tableData = table.render({
        elem: '#buildings'
        , url: '/system/building/loadAllBuildings'
        , page: true //开启分页
        , toolbar: true //开启头部工具栏，并为其绑定左侧模板
        , title: '楼栋数据表'
        , limits: [10, 20, 50, 100]
        , cols: [ [
            {field: 'buildingId', title: '楼栋编号', sort: true, align: 'center'}
            , {field: 'communityName', title: '小区名称', align: 'center'}
            , {field: 'detailAddress', title: '详细地址', align: 'center'}
            , {field: 'buildingInfo', title: '楼栋信息', align: 'center'}
            , {field: 'buildingFloor', title: '楼栋单元信息', align: 'center'}
            , {field: 'communityId', title: '所属小区ID', align: 'center'}
            , {fixed: 'right', title: '操作', toolbar: '#barDemo', align: 'center'}
        ] ]
    });

    //执行查询
    form.on("submit(doSearch)", function (data) {
        tableData.reload({
            url: '/system/building/loadAllBuildings',
            //where是将条件拼接在后面
            where: data.field
        })
        //返回数据时自动将输入框清空
        $('#s_buildingId').val("");
        $('#s_communityName').val("");
        $('#s_detailAddress').val("");
        //防止提交
        return false;
    })
    //查询事件结束

    //获取弹出层的索引
    var addIndex;
    //添加楼栋信息弹出层
    $('#doAdd').click(function () {
        addIndex = layer.open({
            type: 1,
            title : '添加楼层信息',
            //content属性为打开某个定义好的
            content: $('#addBuildingDiv'),
            area: ['800px', '600px'],
            //这个函数是防止打开弹窗后遮挡屏幕
            success:function(layer){
                var mask = $(".layui-layer-shade");
                mask.appendTo(layer.parent());
                //其中：layer是弹层的DOM对象
                //每次打开弹出层时刷新内容
                $('#reloadFrame').click();
            }
        })
    });
    //添加楼栋信息事件结束

    //关闭楼栋信息弹出层自动重置


    //监控提交事件
    form.on("submit(doSubmit)", function (data) {
        //alert(data.field);
        $.post('/system/building/addBuilding', data.field, function (res) {
            if (res.code == 200) {
                layer.confirm('是否继续录入？', {
                    btn: ['继续', '取消'] //按钮
                }, function (myself) {
                    //无论继续输入还是取消重置按钮会被点击
                    $('#reloadFrame').click();
                    layer.close(myself);
                }, function () {
                    //无论继续输入还是取消重置按钮会被点击
                    $('#reloadFrame').click();
                    layer.close(addIndex);
                });
            }
            //不管成功还是失败,父级页面都要刷新
            tableData.reload();
        });
        //要应用ajax提交,所以return false
        return false;
    });
    //提交事件结束


    //监听工具条的事件
    table.on('tool(buildingTable)',function (obj) {
        //userTable是数据表格中lay-filter对应的事件
        var event = obj.event;
        var buildingData = obj.data;
        switch (event) {
            //通过id删除用户
            case 'deleteBuildingById':
                layer.confirm("确认删除 ID为 "+buildingData.buildingId+" 这条数据吗?", function(){
                    $.post('/system/building/deleteBuildingById',buildingData,function (res) {
                        if (res.code==200){
                            //无论删除成功还是失败都刷新表格
                            tableData.reload();
                            layer.msg(res.msg);
                        }else if (res.code==-1){
                            //无论删除成功还是失败都刷新表格
                            tableData.reload();
                            layer.msg(res.msg);
                        }
                    })
                });
                break;
            //删除事件结束

            //修改事件开始
            case 'editBuildingById':
                //获取修改楼栋信息弹出层的索引
                var editIndex;
                //修改楼栋信息弹出层
                editIndex = layer.open({
                    type: 1,
                    title : '修改楼栋信息',
                    //content属性为打开某个定义好的
                    content: $('#editBuildingDiv'),
                    area: ['800px', '600px'],
                    success:function(layer){
                        //防止打开弹窗后遮挡屏幕
                        var mask = $(".layui-layer-shade");
                        mask.appendTo(layer.parent());
                        //其中：layer是弹层的DOM对象
                        form.val('formData',buildingData);
                    }
                });
                //监听修改事件
                form.on('submit(editSubmit)',function (userData) {
                    layer.confirm("确认修改吗?",function () {
                        $.post('/system/building/editBuilding',userData.field,function (res) {
                            if (res.code==200){
                                //无论修改成功还是失败都刷新表格
                                layer.close(editIndex);
                                tableData.reload();
                                layer.msg(res.msg);
                            }else if (res.code==-1){
                                //无论删除成功还是失败都刷新表格
                                layer.close(editIndex);
                                tableData.reload();
                                layer.msg(res.msg);
                            }
                        })
                    })
                    return false;
                })
                break;
            //修改用户事件结束
        }
    })
})